﻿<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  <title>我是传奇</title>
  <link rel="stylesheet" type="text/css" href="css/reset.css">
  <link rel="stylesheet" type="text/css" href="css/css.css">
  <script src="js/jquery-3.3.1.min.js"></script>
  <body>
    <div class="header">
      <div class="content">
        <a href=""><h1>官网首页</h1><span>HOME</span></a>
        <a href=""><h1>储值大厅</h1><span>CHARGE</span></a>
        <a href="support.html"><h1>客服中心</h1><span>SUPPORT</span></a>
        <a href=""><h1>礼包领取</h1><span>GIVEAWAYS</span></a>
      </div>
    </div>
    <div class="content">
      <img src="images/logo.png" class="logo">
      <div class="middle">
        <div class="middle_wrap">
          <img src="images/qrcode.png" alt="" class="qrcode">
          <div class="btns">
            <div class="btn appstore"></div>
            <div class="btn android"></div>
            <div class="btn googleplay"></div>
          </div>
          <div class="start"></div>
        </div>
      </div>
      <div class="news_wrap">
        <div class="banner">
          <div class="banner_img">
            <img src="images/news.jpg" alt="">
            <img style="display:none" src="images/news.jpg" alt="">
            <img style="display:none" src="images/news.jpg" alt="">
          </div>
          <div class="tags">
            <div class="active"></div>
            <div></div>
            <div></div>
          </div>
        </div>
        <div class="news">
          <div class="news_top">
            <div class="active">全部<span>All</span></div>
            <div>新闻<span>News</span></div>
            <div>公告<span>Notices</span></div>
            <div>攻略<span>Guide</span></div>
            <span>+MORE</span>
          </div>
          <!-- 全部 -->
          <div class="news_bottom">
            <a class="news_item">[全部] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[全部] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[全部] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[全部] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[全部] 传奇来了荣耀公测 <span>【3月28日】</span></a>
          </div>
          <!-- 新闻 -->
           <div class="news_bottom">
            <a class="news_item">[新闻] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[新闻] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[新闻] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[新闻] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[新闻] 传奇来了荣耀公测 <span>【3月28日】</span></a>
          </div>
          <!-- 公告 -->
           <div class="news_bottom">
            <a class="news_item">[公告] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[公告] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[公告] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[公告] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[公告] 传奇来了荣耀公测 <span>【3月28日】</span></a>
          </div>
          <!-- 攻略 -->
           <div class="news_bottom">
            <a class="news_item">[攻略] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[攻略] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[攻略] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[攻略] 传奇来了荣耀公测 <span>【3月28日】</span></a>
            <a class="news_item">[攻略] 传奇来了荣耀公测 <span>【3月28日】</span></a>
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      <div class="footer_wrap">
        <img src="images/rainbow_horse_logo.png" class="c_logo">
        <div class="icons">
          <span>服务条款</span>
          <span>合作提案</span>
          <span>客服中心</span>
        </div>
        <div class="copyright">
          © 2018 www.gm99.com All Rights Reserved. 優勢領航科技有限公司
        </div>
      </div>
    </div>
    <div class="mask">
      <div class="rule">
        <div class="close">+</div>
        <h1>彩虹马账号服务协议</h1>
        <p>1. 彩虹马账号服务条款的接受
1.1 彩虹马账号由彩虹马工作室（以下简称“彩虹马”）所有并合法运营，彩虹马在本用户服务协议的条款和要求下提供服务。
1.2 当用户访问、浏览及使用彩虹马账号提供的各项服务、业务时，用户便表明其接受了本服务协议的条款，并同意受本服务协议的约束，用户并保证其提交的信息真实、准确、及时和完整；若用户不同意本协议条款的，请停止注册程序。
1.3 本服务协议所称的用户是指完全同意本服务协议所有条款（以下简称“服务条款”）并访问或浏览彩虹马账号相关页面的服务接受者。
2. 服务条款的变更和修改
彩虹马保留依其自主判断在将来的任何时间变更、修改、增加或删除本服务协议条款的权利。所有修改的协议均构成本服务协议的一部分。彩虹马有权随时对服务条款进行修改，一旦发生服务条款的变动，彩虹马将公示修改的内容；当用户使用彩虹马账号的任何服务时，应接受彩虹马账号随时提供的与该服务相关的规则或说明，并且此规则或说明均构成本服务条款的一部分。用户如果不同意服务条款的修改，可以主动取消已经获得的服务；如果用户继续享用服务，则视为用户已经接受服务条款的修改。。
3. 服务说明
3.1 彩虹马运用自己的操作系统通过国际互联网向用户提供丰富的网上资源，包括游戏、论坛、SNS社区等其它个性化服务（以下简称本服务）。除非另有明确规定，基于增强或强化目前服务目的所新增的任何新功能、服务、新产品，均无条件地适用本服务条款。
3.2 除非本协议中另有规定，否则彩虹马对服务不承担任何责任，即用户对服务的使用承担风险。彩虹马不保证服务一定会满足用户的使用要求，也不保证服务不会中断，对服务的及时性、安全性、准确性也不作担保。
3.3 为使用本服务，用户必须自行配备接入国际互联网所必需的设备，包括计算机、手机、掌上电脑及其他存取装置或接受服务所需其它设备，并自行支付与此服务有关的费用。
3.4 彩虹马保留在日后对全部或部分服务项目收取费用的权利。
3.5 用户接受本服务时，须提供完整、真实、准确、最新的个人资料并按其变更情况不断更新账号资料。若国家法律法规或政策有特殊规定的，用户需要提供真实的身份信息。若用户提供的信息不完整，则无法使用彩虹马提供的相关服务或在使用过程中受到限制。
3.6 若用户提供任何错误、不实、过时或不完整的资料，或者彩虹马有合理理由怀疑前述资料为错误、不实、过时或不完整，彩虹马有权暂停或终止用户的账号，并拒绝其现在或将来使用本服务的全部或一部分。
3.7 彩虹马有权规定并修改使用本服务的一般措施，包括但不限于决定保留电子邮件信息或其他上载内容的时间、限制本服务一个账号可接收信息的数量等措施。如彩虹马账号未能储存或删除本服务的内容或其他信息，彩虹马不负担任何责任。
3.8 由于用户经由本服务张贴、上传或传送内容、与本服务连线、违反本服务条款或侵害其他人的任何权利导致任何第三方提出权利主张或使彩虹马遭受任何形式的罚款或处罚，用户同意以适当方式充分消除对彩虹马的不利影响，赔偿彩虹马及其分公司、关联公司、代理人或其他合作伙伴及员工的损失，并使其免受损害。
4. 用户应遵守以下法律及法规
用户同意遵守中国香港相关法律、法规的规定，在使用彩虹马账号时，不得侵犯任何第三方的合法权益。在任何情况下，如果彩虹马有合理理由认为用户的行为可能违反上述法律、法规或侵犯第三方的合法权益，彩虹马可以在任何时候，不经事先通知终止向该用户提供服务。用户应了解国际互联网的无国界性，应特别注意遵守当地所有有关的法律和法规。
5. 用户隐私权
用户在遵守上述协议要求的前提下，彩虹马将充分保护用户享有个人隐私，包括您使用 彩虹马产品与他人分享信息以及我们收集和使用您的内容和信息。除非因以下原因，未经用户授权，本网站不公开、编辑或透露其个人账号资料：
根据有关法律法规的要求；
按照相关政府主管部门的要求；
维护社会个体和公众的安全；
为维护社会公共利益的需要；
维护本网站的合法权益；
事先获得用户的明确授权；
符合其他相关的要求。
6. 用户账号、密码和安全
6.1 用户一旦注册成功，便成为彩虹马的注册用户，将得到一个密码和账号。用户有义务保证密码和账号的安全。用户对利用该密码和账号所进行的一切活动负全部责任；因此所衍生的任何损失或损害，彩虹马无法也不会承担任何责任。
6.2 用户的密码和账号遭到未授权的使用或发生其他任何安全问题，用户可以立即通知彩虹马。用户在每次连线结束，应结束账号使用，否则用户可能得不到彩虹马账号的安全保护。
6.3 彩虹马禁止用户交易彩虹马账号，彩虹马有权收回用户交易的彩虹马账号。如果因用户交易彩虹马账号引起的任何纠纷，彩虹马不承担任何责任。
7. 对用户信息的存储和限制
彩虹马不对用户在彩虹马账号任何服务下发布信息的删除或储存失败负责。彩虹马有权判断用户的行为是否符合彩虹马账号服务条款的规定，如果彩虹马认为用户违反了服务条款的规定，彩虹马有权删除用户发布或发送的信息，直至中断或终止向其提供服务。
8. 禁止用户从事以下行为：
8.1 上载、张贴、发送或传送任何非法、淫秽、色情、低俗的，胁迫、骚扰、中伤他人的，诽谤、侵害他人隐私或诋毁他人名誉或商誉的，其他违反国家法律法规、社会主义道德规范及不适当的信息或电子邮件，包括但不限于资讯、资料、文字、软件、音乐、照片、图形、信息、视频或其他资料（以下简称内容）。
8.2 以任何方式危害未成年人。
8.3 冒充任何人或机构，或以虚伪不实的方式谎称或使人误认为与任何人或任何机构有关。
8.4 伪造标题或以其他方式操控识别资料，使人误认为该内容为彩虹马所传送。
8.5 上载、张贴、发送电子邮件或以其他方式传送无权传送的内容。
8.6 上载、张贴、发送电子邮件或以其他方式传送侵犯任何人的专利、商标、著作权、商业秘密或其他民事权利之内容。
8.7 上载、张贴、发送电子邮件或以其他方式传送广告函件、促销资料、垃圾邮件等。
8.8 干扰或破坏本服务或与本服务相连的服务器和网络，或不遵守本服务协议之规定。
8.9 违反任何相关的中国香港法律、法规、规章、条例等其他具有法律约束力的规范。
8.10 跟踪或以其他方式骚扰他人。
8.11 窃取他人密码、账号和其它数字化信息或财产。
8.12 其他被彩虹马视为不适当的行为。
8.13 彩虹马有权对用户载、张贴、发送的内容进行审核，有任何违反法律法规或本协议之有关规定的内容，彩虹马有权立即将其删除或屏蔽，且不需要对用户另行通知。
8.14 彩虹马账号封号规则
1.无视国家规定，在姓名、游戏角色名等地方中使用违规词语或不文明词语、非法字符 处罚规则：视情节轻重给予时限性冻结账号的处罚；情节严重者，给予永久冻结的处罚。
2.涉及到侵入、拦截、破坏、复制、修改游戏程序，以及宣扬、叫卖和使用各种辅助性程序或恶性非法程序，即使用外挂程序、或在游戏中宣传外挂程序的行为。
处罚规则：视情节轻重给予时限性冻结账号的处罚；情节严重者，给予永久冻结的处罚。
3.以任何弄虚作假的形式来蒙蔽或者欺骗其他用户，如发布模仿官方并带有病毒的网站、非官方中奖信息、非法广告、游戏代码、木马、外挂、病毒、色情信息、垃圾广告等信息
处罚规则：视情节轻重给予时限性冻结账号的处罚；情节严重者，给予永久冻结的处罚。
4.通过彩虹马账号发布非法网站，宣传或使用私服、游戏代码、木马、外挂、病毒、色情信息、垃圾广告、非法广告等信息 处罚规则：视情节轻重给予时限性冻结账号的处罚；情节严重者，给予永久冻结的处罚。
5.通过彩虹马账号发布触犯政府法令的文字如：煽动、反动、猥亵、暴力、种族歧视、宗教歧视等字眼，包含这类相关字的反向书写。
处罚规则：视情节轻重给予时限性冻结账号的处罚；情节严重者，给予永久冻结的处罚，并上报相关部门追究其法律责任。
6.宣传或贩卖BUG、攻击服务器运行、牟取个人利益、影响游戏公平性，以及影响其他玩家正常进行游戏等行为 处罚规则：查证核实后，将暂停账号，并清除所有非法物品；视情节轻重给予时限性冻结账号的处罚；情节严重者，给予永久冻结的处罚。
7.盗取或参与盗取他人账号，给被盗者造成严重损失的行为
处罚规则：查证核实后，视情节轻重给予时限性冻结账号的处罚；情节严重者，给予永久冻结的处罚，并上报相关部门追究其法律责任。
8.侮辱、毁谤、猥亵、威胁、辱骂其他用户，扭曲事实、恶意散布不实谣言，恶意影响游戏环境等行为
处罚规则：视情节轻重给予时限性冻结账号的处罚；情节严重者，给予永久冻结的处罚。
9. 内容及其披露
9.1 用户对经由本服务上载、张贴或传送的内容负全部责任；对于经由本服务而传送的内容，彩虹马不保证前述内容的正确性、完整性或及时性。在任何情况下，彩虹马均不对任何用户提供的内容负责，包括但不限于任何内容发生任何错误或纰漏以及衍生的任何损失或损害，用户负责处理与其提供的内容相关的任何及全部纠纷。彩虹马有权（但无义务）拒绝或删除经由本服务提供的任何内容。用户使用上述内容，应自行承担风险。
9.2 彩虹马有权利在下述情况下，对内容进行保存或披露：
法律程序所规定
本服务条款规定
被侵害的第三人提出权利主张
为保护彩虹马账号、其使用者及社会公众的权利、财产或人身安全
其他彩虹马认为有必要的情况。
10. 电子公告栏的张贴内容
10.1 “电子公告栏”包括论坛、SNS社区和其它一般公众可以使用的区域；
10.2 用户一旦在本服务电子公告栏上传或张贴内容，即视为用户授予彩虹马该内容著作权之免费及非独家、永久的许可使用权，彩虹马有权为展示、传播及推广前述内容之目的，对上述内容进行复制、修改、出版。由此展示、传播及推广行为所产生的损失或利润，均由彩虹马承担或享受。彩虹马有权自主决定是否给予此类用户鼓励或奖励。
10.3 因用户进行上述张贴，而导致任何第三方提出索赔要求或衍生的任何损害或损失，用户须承担全部责任。
10.4 非经彩虹马事先许可，用户不得对他人上传或张贴在电子公告栏或本服务其他内容进行复制、出售或用作其他商业用途。
11. 彩虹马账号服务使用规则
11.1 用户必须保证，拥有上传之照片、文字等作品之著作权或已获得合法授权，在本产品之上传行为未侵犯任何第三方之合法权益。否则，将由用户承担由此带来的一切法律责任；用户不得将任何内部资料、机密资料、涉及他人隐私资料或侵犯任何人的专利、商标、著作权、商业秘密或其他专属权利之内容加以上载、张贴、或以其他方式传送。
11.2 用户不得利用本服务进行故意制作、传播计算机病毒等破坏性程序，不得针对本服务、与本服务连接的服务器或网络制造干扰、混乱，或违反连接本服务的网络的任何要求、程序、政策或规则，否则彩虹马将保留追究其法律责任的权利并有权将其提交给相关部门处理。
11.3 彩虹马有权对用户上传的图片、添加的文字等内容进行审核，有任何违反法律法规或本协议之有关规定的图片、文字，彩虹马有权立即将其删除或屏蔽，且不需要对用户另行通知。
11.4 用户不得将广告函件、促销资料、垃圾邮件等，加以上载、张贴、发送电子邮件或以其他方式传送。
11.5 彩虹马郑重提请用户注意，任何经由本服务以上载、张贴、发送的资料、文字、照片、图形、视讯、信息、用户的登记资料或其他资料（以下简称“内容”），无论是公开还是私下传送，均由内容提供者承担责任。彩虹马无法控制经由本服务传送之内容，也无法对用户的使用行为进行全面控制，因此不保证内容的合法性、正确性、完整性、真实性或品质；用户已预知使用本服务时，可能会接触到令人不快、不适当或令人厌恶之内容，并同意将自行加以判断并承担所有风险，而不依赖于彩虹马。但在任何情况下，彩虹马有权依法停止传输任何前述内容并采取相应行动，包括但不限于暂停用户使用本服务的全部或部分，保存有关记录，并向有关机关报告。但彩虹马有权(但无义务)依其自行之考量，拒绝和删除可经由本服务提供之违反本条款的或其他引起彩虹马或用户反感的任何内容。
11.6 用户完全理解并同意，若第三方在用户不知情或未经用户同意的前提下，将其文字、图片作品上传于彩虹马账号空间及由此所产生的任何可能侵害其权益的行为，彩虹马均不对任何人承担任何责任。
11.7 彩虹马有权根据政府机关或权利人的要求删除用户上载、张贴、发送的内容，无论彩虹马事先是否通知。
11.8 彩虹马有权根据服务的需要，收回用户所用的空间域名或减少用户所用空间的大小，无论彩虹马事先是否通知。
12. 彩虹马账号游戏规则
12.1 用户应当遵守游戏公约、玩家守则及不时发布的游戏规则、公告等；
12.2 用户不得通过不正当的手段或其他不公平的手段使用彩虹马账号的游戏产品和服务或参与彩虹马账号的游戏活动。用户不得干扰彩虹马正常地提供产品和服务，包括但不限于：攻击、侵入彩虹马的网站服务器或使网站服务器过载；制作、发布、传播、使用任何形式的妨碍游戏公平性的辅助工具或程序(外挂)；利用程序的漏洞和错误(Bug)破坏游戏的正常进行或传播该漏洞或错误(Bug)；不合理地干扰或阻碍他人使用彩虹马所提供的产品和服务。
12.3 为维护游戏的公平性，如果彩虹马发现用户数据异常，无论用户对该异常数据产生是否负有过错，彩虹马均有权根据本规则、游戏公约、玩家守则及后期不时发布的游戏公告等，采取相应措施：包括但不限于对该账号的冻结、终止、删除；用户在此承诺彩虹马有权采取上述行动，并承诺不得就上述行为要求彩虹马做任何补偿或退费。
12.4 彩虹马在此特别提示用户：
彩虹马提供的游戏将按照现状提供，用户明确知道游戏中存在已知和未知的漏洞和错误（Bug）。尽管彩虹马将尽最大努力解决已知的漏洞和错误（Bug），但用户知道或应该知道游戏中仍可能包含未知的漏洞和错误（Bug）等。用户同意不向彩虹马及其关联公司因任何漏洞和错误（Bug）主张任何赔偿。彩虹马不提倡虚拟物品之间的交易，并不对该交易中产生的任何问题进行支持和保障。
13. 彩虹马的知识产权及其他权利
13.1 彩虹马对本服务及本服务所使用的软件和受知识产权相关法律或其他法律保护的资料享有相应的权利。
13.2 经由本服务传送的内容，受到著作权法、商标法、专利法或其他法律的保护；未经彩虹马明示授权许可，用户不得进行修改、出租、散布或衍生其他作品，用户本人创作并在公开使用区域张贴的内容除外。
13.3 用户对本服务所使用的软件有非专属性使用权，但自己不得或许可任何第三方复制、修改、出售或衍生产品。
13.4 彩虹马账号及其他彩虹马账号图样、产品及服务名称，均为彩虹马及其关联公司所享有的商标，未经彩虹马所事先书面授权，任何人不得使用、 复制或用作其他用途。
14. 免责声明
14.1 彩虹马对于本服务包含的或用户经由或从任何与本服务有关的途径所获得的任何内容、信息或广告，不保证其正确性或可靠性；并且对于用户经本服务上的广告、展示而购买、取得的任何产品、信息或资料，彩虹马不负保证责任。用户自行承担担使用本服务的风险。
14.2 彩虹马有权但无义务，改善或更正本服务任何部分之任何疏漏、错误。
14.3 彩虹马不保证以下事项（包括但不限于）：
本服务适合用户的使用要求；
本服务不受干扰，及时、安全、可靠或不出现错误；
用户经由本服务取得的任何产品、服务或其他材料符合用户的期望；
14.4 用户使用经由本服务下载的或取得的任何资料，其风险自行负担；因该使用而导致用户手机或其他设备系统损坏或资料流失，用户应负完全责任；
14.5 对基于以下原因而造成的利润、商业信誉、资料的损失或其他有形或无形损失，彩虹马不承担任何直接、间接、附带、衍生或惩罚性的赔偿：
本服务使用或无法使用；
经由本服务购买或取得的任何产品、资料或服务；
用户资料遭到未授权的使用或修改；
用户资料丢失或被删除；
其他与本服务相关的事宜。
14.6 用户在浏览网际网路时自行判断使用彩虹马账号的检索目录。该检索目录可能会引导用户进入到被认为具有攻击性或不适当的网站，彩虹马没有义务查看检索目录所列网站的内容，因此，对其正确性、合法性、正当性不负任何责任。
15. 服务的修改和终止
彩虹马有权在未事前通知的情况下在任何时候，暂时或永久地修改或终止本服务或其中任何一部分。彩虹马对本服务的修改或终止对用户和任何第三人不承担任何责任。彩虹马有权基于任何理由，终止用户的账号、密码或拒绝其使用本服务，或删除、转移用户存储、发布在本服务的内容，彩虹马采取上述行为均不需通知，并且对用户和任何第三人不承担任何责任。
16. 通知
彩虹马向用户发出的通知，可以采用电子邮件、页面公告或彩虹马认为适合的形式。服务条款的修改或其他事项变更时，彩虹马将会以上述形式进行通知。
17. 数据采集
彩虹马将通过技术手段收集和传送用户的相关数据，分析这些数据以了解彩虹马产品在不同终端设备上、使用平台或应用分发渠道的表现和用户使用的情况。
用户在同意本协议的同时，即授权、同意和许可，允许彩虹马收集相关数据，并对数据进行匿名的、聚合性的处理和转移（包括国际间转移）。
彩虹马将遵守并持续遵守使用的法律、法规和监管要求，包括但不限于制定和公布有关个人信息保护和隐私保护的相关政策。
18. 全部协议
本服务协议和彩虹马的其他服务条款构成完整的协议。
19. 法律的适用和管辖
本服务条款的生效、履行、解释及争议的解决均适用用户所在国家法律，发生的争议由当地有管辖权的法院进行管辖提交当地仲裁委员会或法院裁决。如果本服务协议中某项条款因与用户所在国家法律相抵触而导致无效，将不影响其他部分的效力。
20. 生效条件
本协议自用户访问、浏览及使用彩虹马账号之时开始生效。
彩虹马保留对本协议的最终解释权
</p>
      </div>
    </div>
  </body>
  <script>
    $('.tags div').click(function(){
      console.log($(this).index());
      $('.tags div').removeClass('active');
      $(this).addClass('active')
      $('.banner_img img').fadeOut()
      $('.banner_img img').eq($(this).index()).fadeIn();
      // $(this)
    })
    $('.news_top div').click(function(){
      var index = $(this).index();
      $(this).addClass('active').siblings().removeClass('active')
      $('.news_bottom').hide().eq(index).show();
    })
    // 轮播
    setInterval(function(){
      var length = $('.tags div').length
      var now_tag = $('.tags div.active');
      var index = $('.tags div.active').index()
      now_tag.removeClass('active');
      if(index==length-1){
        index = 0;
      }else{
        index++;
      }
      $('.tags div').eq(index).addClass('active');
      $('.banner_img img').hide().eq(index).fadeIn();
    },5000)
    // 底下跳转
    $('.footer .icons span').eq(2).click(function(){
      window.location.href="support.html";
    })
    // 服务条款
    $('.footer .icons span').eq(0).click(function(){
      $('.mask').show()
    })
    $('.rule .close').click(function(){
      $('.mask').hide();
    })
  </script>
</html>
